<template>
  <div>
    <el-menu
      :default-active="$route.path"
      text-color="hotpink"
      class="el-menu-vertical-demo"
      :collapse="$store.state.isCollapse"
    >
      <!-- 插入引进来的渲染菜单的组件 -->
      <qf-sub-menu :sideMenu="$store.state.sideMenu"></qf-sub-menu>
    </el-menu>
  </div>
</template>

<script>
// import { mapState } from "vuex";
export default {
  data() {
    return {};
  },
};
</script>

<style>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 400px;
}
</style>
